<template>
    <div class="box">
        <div class="settings-inner-blk p-0">
            <div class="sell-course-head comman-space">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <h3>我的考试</h3>
                        <p>累计考试: 30次</p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="box">
        <div class="settings-inner-blk p-0">
            <div class="comman-space pb-0">
                <div class="sell-course-head withdraw-history-head border-bottom-0">
                    <h4>考试记录</h4>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="show-filter add-course-info">
                            <form action="#">
                                <div class="row gx-2 align-items-center">
                                    <div class="col-md-6 col-item">
                                        <div class=" search-group">
                                            <i class="feather-search"></i>
                                            <input type="text" class="form-control" placeholder="输入关键字">
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-lg-6 col-item">
                                        <div class="form-group select-form mb-0">
                                            <select class="form-select select" id="sel1" name="sellist1">
                                                <option>进行中 </option>
                                                <option>已结课</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="settings-inner-blk comman-space pb-0">
                <table class="table table-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>班级</th>
                            <th>考试名称</th>
                            <th>日期</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="i in 6" :key="i">
                            <td>{{ i }}</td>
                            <td>初级课程班</td>
                            <td>小刺猬吃苹果-0 {{ i }}</td>
                            <td>2024-01-25</td>
                            <td>
                                <router-link to="/teacher/exam-detail?id=1">查看</router-link>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <app-pagination />
</template>

<style scoped>
.all-category .btn-primary {
    min-width: 0;
    padding: 6px 12px;
}

.course-info {
    border-bottom: 0px solid #C7C7C7;
    padding-bottom: 0px;
}

td,
th {
    text-align: left;
    padding: 1rem 0.5rem;
}
</style>